// 全局字体配置 - 专为小朋友和直播区域优化
export const fontSizes = {
  // 超大字体 - 主要展示汉字
  display: {
    xl: 'text-5xl',      // 80px - 主要汉字展示
    lg: 'text-4xl',      // 56px - 次要汉字展示
    md: 'text-3xl',      // 48px - 小汉字展示
  },
  
  // 标题字体
  heading: {
    xl: 'text-2xl',      // 32px - 主标题
    lg: 'text-xl',       // 24px - 副标题
    md: 'text-lg',       // 20px - 小标题
    sm: 'text-base',     // 16px - 最小标题
  },
  
  // 正文字体
  body: {
    xl: 'text-lg',       // 20px - 重要说明文字
    lg: 'text-base',     // 16px - 普通说明文字
    md: 'text-sm',       // 14px - 次要文字
    sm: 'text-xs',       // 12px - 最小文字
  },
  
  // 按钮字体
  button: {
    xl: 'text-xl',       // 24px - 大按钮
    lg: 'text-lg',       // 20px - 普通按钮
    md: 'text-base',     // 16px - 小按钮
    sm: 'text-sm',       // 14px - 最小按钮
  }
}

// 字体权重配置
export const fontWeights = {
  light: 'font-light',
  normal: 'font-normal',
  medium: 'font-medium',
  semibold: 'font-semibold',
  bold: 'font-bold',
  extrabold: 'font-extrabold'
}

// 行高配置
export const lineHeights = {
  tight: 'leading-tight',
  normal: 'leading-normal',
  relaxed: 'leading-relaxed',
  loose: 'leading-loose'
}

// 组合样式 - 常用的字体组合
export const textStyles = {
  // 主要汉字展示
  primaryCharacter: `${fontSizes.display.xl} ${fontWeights.bold}`,
  secondaryCharacter: `${fontSizes.display.lg} ${fontWeights.bold}`,
  
  // 标题样式
  mainTitle: `${fontSizes.heading.xl} ${fontWeights.bold}`,
  subTitle: `${fontSizes.heading.lg} ${fontWeights.semibold}`,
  sectionTitle: `${fontSizes.heading.md} ${fontWeights.semibold}`,
  
  // 说明文字
  description: `${fontSizes.body.lg} ${fontWeights.medium} ${lineHeights.relaxed}`,
  caption: `${fontSizes.body.md} ${fontWeights.normal}`,
  
  // 按钮文字
  primaryButton: `${fontSizes.button.lg} ${fontWeights.semibold}`,
  secondaryButton: `${fontSizes.button.md} ${fontWeights.medium}`,
  
  // 标签文字
  tag: `${fontSizes.body.md} ${fontWeights.medium}`,
  badge: `${fontSizes.body.sm} ${fontWeights.semibold}`
} 